<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="/layout/template.xhtml">
	<ui:define name="body">
		<h:form id="citaSupervisor">
			<br/>

			<div align="center">
				<p:calendar id="tresMeses" value="#{citaBM.cita.fecha}"
					mode="inline" pages="3" pattern="dd/MM/yyyy" locale="es"
					onSelectUpdate="opCrearCita lstCitas"
					selectListener="#{citaBM.selectDateSup}" />
			</div>
			<br />
			<p:outputPanel id="opCrearCita" >
				<p:panel header="Programar eventos" style="width: 480px; margin:0 auto;">
					<table width="100%" align="center">
						<tr>
							<td><h:panelGrid id="idRegCita" columns="3"
									style="margin:0 auto;">
									<h:outputText value="Dia" />
									<h:inputText id="idFecha" pattern="dd/MM/yyyy"
										value="#{citaBM.cita.fechaString}" disabled="true" />
									<p:message for="idFecha" />

									<h:outputText value="Hora" />
									<h:selectOneListbox value="#{citaBM.cita.idHora}"
										id="idHoraCita" size="1">
										<f:selectItem itemLabel="--- Seleccione un Horario ----"
											itemValue="-1" />
										<f:selectItems value="#{citaBM.cita.listHorario}" />
									</h:selectOneListbox>
									<p:spacer />

									<h:outputText value="Asunto del evento" />
									<h:inputTextarea id="idAsunto" value="#{citaBM.cita.asunto}"
										required="true"
										requiredMessage="Ingrese una descripció del asunto" />
									<p:message for="idAsunto" />
									
									<h:outputText value="Lugar del evento" />
									<h:inputTextarea id="idLugar" value="#{citaBM.cita.observacion}"
										required="true"
										requiredMessage="Ingrese una descripció del lugar" />
									<p:message for="idAsunto" />
								</h:panelGrid></td>
								<td>
								<div align="center">
									<p:commandButton
										actionListener="#{citaBM.registrarEventoAgenda}"
										update="lstCitas idRegCita growl" value="Crear evento interno" />
								</div>
							</td>
						</tr>
					</table>



				</p:panel>

			</p:outputPanel>
			<br />
			<div align="center">
				<h:panelGrid columns="3">
					<p:commandButton action="#{citaBM.irProgramarCitas}"
						value="Programar citas" ajax="false" immediate="true" />
					<p:spacer />
					<p:commandButton action="#{citaBM.irVerCitasProgramadas}"
						value="Ver citas programadas" ajax="false" immediate="true" />
				</h:panelGrid>
			</div>

			<br />
			<p:dataTable id="lstCitas" style="margin:0 auto; width:80%;"
				emptyMessage="No se ha registrado ninguna cita "
				value="#{citaBM.lstHistorialSupMostrar}" var="c">
				<f:facet name="header">
					<h:outputText value="Listado de Citas generadas" />
				</f:facet>

				<p:column id="codigoCita">
					<f:facet name="header">
						<h:outputLabel value="Correlativo" />
					</f:facet>
					<h:outputText value="#{c.idCita}" />
				</p:column>

				<p:column id="fecIniCita">
					<f:facet name="header">
						<h:outputLabel value="Fecha inicio" />
					</f:facet>
					<h:outputText value="#{c.fechaInicio}" />
				</p:column>

				<p:column id="fecFinCita">
					<f:facet name="header">
						<h:outputLabel value="Fecha fin" />
					</f:facet>
					<h:outputText value="#{c.fechaFin}" />
				</p:column>

				<p:column id="desEstado">
					<f:facet name="header">
						<h:outputLabel value="Estado" />
					</f:facet>
					<h:outputText value="#{c.descEstadoCita}" />
				</p:column>

				<p:column id="desTipoEstado">
					<f:facet name="header">
						<h:outputLabel value="Tipo" />
					</f:facet>
					<h:outputText value="#{c.tipoEvento}" />
				</p:column>
				
				<p:column id="desLugar">
					<f:facet name="header">
						<h:outputLabel value="Lugar" />
					</f:facet>
					<h:outputText value="#{c.descLugar}" />
				</p:column>
			</p:dataTable>
		</h:form>
	</ui:define>
</ui:composition>


